<template>
  <div>
    <videoNav></videoNav>
    <div>
      <VideoSearch v-if="store.getVideo == 'search'"></VideoSearch>
      <VideoHot v-if="store.getVideo == 'index'"></VideoHot>
      <VideoDetail v-if="store.getVideo == 'detail'"></VideoDetail>
      <VideoType v-if="store.getVideo == 'type'"></VideoType>
      <VideoTypes v-if="store.getVideo == 'types'"></VideoTypes>
      <VideoPlay v-if="store.getVideo == 'play'"></VideoPlay>
    </div>
  </div>
</template>

<script setup>
  import videoNav from './VideoNav.vue'; //导航
  import VideoHot from './VideoHot.vue'; //首页
  import VideoDetail from './VideoDetail.vue'; //明细页
  import VideoPlay from './VideoPlay.vue'; //播放页
  import VideoSearch from './VideoSearch.vue'; //搜索页
  import VideoType from './VideoType.vue'; //类型页
  import VideoTypes from './VideoTypes.vue'; //所有类型
  import { systemStore } from '@/pinia/system';
  const store = systemStore();
</script>

<style lang="scss" scoped></style>
